<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后代选择器</title>
    <style>
        div p{
            background-color: green;
        }
    </style>
</head>
<!-- CSS组合选择符包括各种简单选择符的组合方式。
在 CSS3 中包含了四种组合方式:
后代选择器(以空格分隔)
子元素选择器(以大于号分隔）
相邻兄弟选择器（以加号分隔）
普通兄弟选择器（以破折号分隔） -->
<body>
   <div>
       <p>段落 1。 在 div 中。</p>
       <p>段落 2。 在 div 中。</p>
   </div> 

   <p>段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>
</body>
</html>